home *** CD-ROM | disk | FTP | other *** search
/ Enter 2006 February / enter-2006-02.iso / files / easy2do_setup.exe / {app} / docs / skin / screen.css < prev    next >
Encoding:
Cascading Style Sheet File  |  2005-10-09  |  11.9 KB  |  512 lines
  1. /*
  2.  
  3. * Copyright 2002-2004 The Apache Software Foundation
  4.  
  5. *
  6.  
  7. * Licensed under the Apache License, Version 2.0 (the "License");
  8.  
  9. * you may not use this file except in compliance with the License.
  10.  
  11. * You may obtain a copy of the License at
  12.  
  13. *
  14.  
  15. *     http://www.apache.org/licenses/LICENSE-2.0
  16.  
  17. *
  18.  
  19. * Unless required by applicable law or agreed to in writing, software
  20.  
  21. * distributed under the License is distributed on an "AS IS" BASIS,
  22.  
  23. * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  24.  
  25. * See the License for the specific language governing permissions and
  26.  
  27. * limitations under the License.
  28.  
  29. */
  30.  
  31. body {  margin: 0px 0px 0px 0px; font-family: Verdana, Helvetica, sans-serif; }
  32.  
  33.  
  34.  
  35. h1     { font-size : 160%; margin: 0px 0px 0px 0px;  padding: 0px; }
  36.  
  37. h2     { font-size : 140%; margin: 0.9em 0px 0px 0px; padding: 0px; font-weight : bold;}
  38.  
  39. h3     { font-size : 130%; margin: 0.8em 0px 0px 0px; padding: 0px; font-weight : bold; }
  40.  
  41. .h3 { margin: 22px 0px 3px 0px; }
  42.  
  43. h4     { font-size : 120%; margin: 0.7em 0px 0px 0px; padding: 0px; font-weight : normal; text-align: left; }
  44.  
  45. .h4 { margin: 18px 0px 0px 0px; }
  46.  
  47. h4.faq { font-size : 120%; margin: 18px 0px 0px 0px; padding: 0px; font-weight : bold;   text-align: left; }
  48.  
  49. h5     { font-size : 100%; margin: 14px 0px 0px 0px; padding: 0px; font-weight : normal; text-align: left; }
  50.  
  51.  
  52.  
  53. /**
  54.  
  55. * table
  56.  
  57. */
  58.  
  59. table .title { background-color: #000000; }
  60.  
  61. .ForrestTable         {
  62.  
  63.     color: #ffffff;
  64.  
  65.     background-color: #7099C5;
  66.  
  67.     width: 100%;
  68.  
  69.     font-size : 100%;
  70.  
  71.     empty-cells: show;
  72.  
  73. }
  74.  
  75. table caption {
  76.  
  77.     padding-left: 5px;
  78.  
  79.     color: white;
  80.  
  81.     text-align: left;
  82.  
  83.     font-weight: bold;
  84.  
  85.     background-color: #000000;
  86.  
  87. }
  88.  
  89. .ForrestTable td {
  90.  
  91.     color: black;
  92.  
  93.     background-color: #f0f0ff;
  94.  
  95. }
  96.  
  97. .ForrestTable th { text-align: center; }
  98.  
  99. /**
  100.  
  101.  * Page Header
  102.  
  103.  */
  104.  
  105.  
  106.  
  107. #top {
  108.  
  109.     position: relative;
  110.  
  111.     float: left;
  112.  
  113.     width: 100%;
  114.  
  115.     background: #294563; /* if you want a background in the header, put it here */
  116.  
  117. }
  118.  
  119.  
  120.  
  121. #top .breadtrail {
  122.  
  123.     background: #CFDCED;
  124.  
  125.     color: black;
  126.  
  127.     border-bottom: solid 1px white;
  128.  
  129.     padding: 3px 10px;
  130.  
  131.     font-size: 75%;
  132.  
  133. }
  134.  
  135. #top .breadtrail a { color: black; }
  136.  
  137.  
  138.  
  139. #top .header {
  140.  
  141.     float: left;
  142.  
  143.     width: 100%;
  144.  
  145.     background: url("images/header_white_line.gif") repeat-x bottom;
  146.  
  147. }
  148.  
  149.  
  150.  
  151. #top .grouplogo {
  152.  
  153.     padding: 7px 0 10px 10px;
  154.  
  155.     float: left;
  156.  
  157.     text-align: left;
  158.  
  159. }
  160.  
  161. #top .projectlogo {
  162.  
  163.     padding: 7px 0 10px 10px;
  164.  
  165.     float: left;
  166.  
  167.     width: 33%;
  168.  
  169.     text-align: right;
  170.  
  171. }
  172.  
  173. #top .projectlogoA1 {
  174.  
  175.     padding: 7px 0 10px 10px;
  176.  
  177.     float: right;
  178.  
  179. }
  180.  
  181. html>body #top .searchbox {
  182.  
  183.     bottom: 0px;
  184.  
  185. }
  186.  
  187. #top .searchbox {
  188.  
  189.     position: absolute;
  190.  
  191.     right: 10px;
  192.  
  193.     height: 42px;
  194.  
  195.     font-size: 70%;
  196.  
  197.     white-space: nowrap;
  198.  
  199.     text-align: right;
  200.  
  201.     color: white;
  202.  
  203.     background-color: #000000;
  204.  
  205.     z-index:0;
  206.  
  207.     background-image: url(images/rc-t-l-5-1header-2searchbox-3searchbox.png);
  208.  
  209.     background-repeat: no-repeat;
  210.  
  211.     background-position: top left;
  212.  
  213.     bottom: -1px; /* compensate for IE rendering issue */
  214.  
  215. }
  216.  
  217.  
  218.  
  219. #top .searchbox form {
  220.  
  221.     padding: 5px 10px;
  222.  
  223.     margin: 0;
  224.  
  225. }
  226.  
  227. #top .searchbox p {
  228.  
  229.     padding: 0 0 2px 0;
  230.  
  231.     margin: 0;
  232.  
  233. }
  234.  
  235. #top .searchbox input {
  236.  
  237.     font-size: 100%;
  238.  
  239. }
  240.  
  241.  
  242.  
  243. #tabs {
  244.  
  245.     clear: both;
  246.  
  247.     padding-left: 10px;
  248.  
  249.     margin: 0;
  250.  
  251.     list-style: none;
  252.  
  253. }
  254.  
  255. /*    background: #CFDCED url("images/tab-right.gif") no-repeat right top;*/
  256.  
  257. #tabs li {
  258.  
  259.     float: left;
  260.  
  261.     background-image: url(images/rc-t-r-5-1header-2tab-unselected-3tab-unselected.png);
  262.  
  263.     background-repeat: no-repeat;
  264.  
  265.     background-position: top right;
  266.  
  267.     background-color: #000000;
  268.  
  269.     margin: 0 3px 0 0;
  270.  
  271.     padding: 0;
  272.  
  273. }
  274.  
  275.  
  276.  
  277. /*background: url("images/tab-left.gif") no-repeat left top;*/
  278.  
  279. #tabs li a {
  280.  
  281.     float: left;
  282.  
  283.     display: block;
  284.  
  285.     font-family: verdana, arial, sans-serif;
  286.  
  287.     text-decoration: none;
  288.  
  289.     color: black;
  290.  
  291.     white-space: nowrap;
  292.  
  293.     background-image: url(images/rc-t-l-5-1header-2tab-unselected-3tab-unselected.png);
  294.  
  295.     background-repeat: no-repeat;
  296.  
  297.     background-position: top left;
  298.  
  299.     padding: 5px 15px 4px;
  300.  
  301.     width: .1em; /* IE/Win fix */
  302.  
  303. }
  304.  
  305.  
  306.  
  307. #tabs > li a { width: auto; } /* Rest of IE/Win fix */
  308.  
  309.  
  310.  
  311. /* Commented Backslash Hack hides rule from IE5-Mac \*/
  312.  
  313. #tabs a { float: none; }
  314.  
  315. /* End IE5-Mac hack */
  316.  
  317.  
  318.  
  319. #top .header .current {
  320.  
  321.     background-color: #4C6C8F;
  322.  
  323.     background-image: url(images/rc-t-r-5-1header-2tab-selected-3tab-selected.png);
  324.  
  325.     background-repeat: no-repeat;
  326.  
  327.     background-position: top right;
  328.  
  329. }
  330.  
  331. #top .header .current a {
  332.  
  333.     font-weight: bold;
  334.  
  335.     padding-bottom: 5px;
  336.  
  337.     color: white;
  338.  
  339.     background-image: url(images/rc-t-l-5-1header-2tab-selected-3tab-selected.png);
  340.  
  341.     background-repeat: no-repeat;
  342.  
  343.     background-position: top left;
  344.  
  345. }
  346.  
  347. #publishedStrip {
  348.  
  349.     padding-right: 10px;
  350.  
  351.     padding-left: 20px;
  352.  
  353.     padding-top: 3px;
  354.  
  355.     padding-bottom:3px;
  356.  
  357.     color: #ffffff;
  358.  
  359.     font-size : 60%;
  360.  
  361.     font-weight: bold;
  362.  
  363.     background-color: #4C6C8F;
  364.  
  365.     text-align:right;
  366.  
  367. }
  368.  
  369.  
  370.  
  371. #level2tabs {
  372.  
  373. margin: 0;
  374.  
  375. float:left;
  376.  
  377. position:relative;
  378.  
  379. }
  380.  
  381.  
  382.  
  383. /*
  384.  
  385. *    border-top: solid #4C6C8F 15px;
  386.  
  387. */
  388.  
  389. #main {
  390.  
  391.     position: relative;
  392.  
  393.     background: white;
  394.  
  395.     clear:both;
  396.  
  397. }
  398.  
  399. #main .breadtrail {
  400.  
  401.     clear:both;
  402.  
  403.     position: relative;
  404.  
  405.     background: #CFDCED;
  406.  
  407.     color: black;
  408.  
  409.     border-bottom: solid 1px black;
  410.  
  411.     border-top: solid 1px black;
  412.  
  413.     padding: 0px 180px;
  414.  
  415.     font-size: 75%;
  416.  
  417.     z-index:10;
  418.  
  419. }
  420.  
  421. /**
  422.  
  423. * Round corner
  424.  
  425. */
  426.  
  427. #roundtop {
  428.  
  429.     background-image: url(images/rc-t-r-15-1body-2menu-3menu.png);
  430.  
  431.     background-repeat: no-repeat;
  432.  
  433.     background-position: top right;
  434.  
  435. }
  436.  
  437.  
  438.  
  439. #roundbottom {
  440.  
  441.     background-image: url(images/rc-b-r-15-1body-2menu-3menu.png);
  442.  
  443.     background-repeat: no-repeat;
  444.  
  445.     background-position: top right;
  446.  
  447. }
  448.  
  449.  
  450.  
  451. img.corner {
  452.  
  453.    width: 15px;
  454.  
  455.    height: 15px;
  456.  
  457.    border: none;
  458.  
  459.    display: block !important;
  460.  
  461. }
  462.  
  463.  
  464.  
  465. .roundtopsmall {
  466.  
  467.     background-image: url(images/rc-t-r-5-1header-2searchbox-3searchbox.png);
  468.  
  469.     background-repeat: no-repeat;
  470.  
  471.     background-position: top right;
  472.  
  473. }
  474.  
  475.  
  476.  
  477. #roundbottomsmall {
  478.  
  479.     background-image: url(images/rc-b-r-5-1header-2tab-selected-3tab-selected.png);
  480.  
  481.     background-repeat: no-repeat;
  482.  
  483.     background-position: top right;
  484.  
  485. }
  486.  
  487.  
  488.  
  489. img.cornersmall {
  490.  
  491.    width: 5px;
  492.  
  493.    height: 5px;
  494.  
  495.    border: none;
  496.  
  497.    display: block !important;
  498.  
  499. }
  500.  
  501. /**
  502.  
  503.  * Side menu
  504.  
  505.  */
  506.  
  507. #menu a {  font-weight: normal;}
  508.  
  509. #menu a:visited {  font-weight: normal; }
  510.  
  511. #menu a:active {  font-weight: normal; }
  512.  
  513. #menu a:hover {  font-weight: normal; }
  514.  
  515.  
  516.  
  517. #menuarea { width:10em;}
  518.  
  519. #menu {
  520.  
  521.     position: relative;
  522.  
  523.     float: left;
  524.  
  525.     width: 160px;
  526.  
  527.     padding-top: 0px;
  528.  
  529.     top:-18px;
  530.  
  531.     left:10px;
  532.  
  533.     z-index: 20;
  534.  
  535.     background-color: #f90;
  536.  
  537.     font-size : 70%;
  538.  
  539. }
  540.  
  541.  
  542.  
  543. .menutitle {
  544.  
  545.         cursor:pointer;
  546.  
  547.         padding: 3px 12px;
  548.  
  549.         margin-left: 10px;
  550.  
  551.         background-image: url('images/chapter.gif');
  552.  
  553.         background-repeat: no-repeat;
  554.  
  555.         background-position: center left;
  556.  
  557.         font-weight : bold;
  558.  
  559. }
  560.  
  561.  
  562.  
  563. #menu .menuitemgroup {
  564.  
  565.         margin: 0px 0px 6px 8px;
  566.  
  567.         padding: 0px;
  568.  
  569.         font-weight : bold; }
  570.  
  571.  
  572.  
  573. #menu .selectedmenuitemgroup{
  574.  
  575.         margin: 0px 0px 6px 8px;
  576.  
  577.         padding: 0px;
  578.  
  579.         font-weight : bold; }
  580.  
  581.  
  582.  
  583. #menu .menuitem {
  584.  
  585.         padding: 0px 0px 2px 12px;
  586.  
  587.         background-image: url('images/page.gif');
  588.  
  589.         background-repeat: no-repeat;
  590.  
  591.         background-position: center left;
  592.  
  593.         font-weight : normal;
  594.  
  595.         margin-left: 10px;
  596.  
  597. }
  598.  
  599.  
  600.  
  601. #menu .menupage {
  602.  
  603.         margin: 5px 0px 5px 10px;
  604.  
  605.         padding: 0px 3px 0px 12px;
  606.  
  607.         background-image: url('images/current.gif');
  608.  
  609.         background-repeat: no-repeat;
  610.  
  611.         background-position: top left;
  612.  
  613.         font-style : normal;
  614.  
  615. }
  616.  
  617. #menu .menupagetitle {
  618.  
  619.         padding: 0px 0px 0px 6px;
  620.  
  621.         font-style : normal;
  622.  
  623.         border-style: solid;
  624.  
  625.         border-width: 1px;
  626.  
  627.         margin-right: 10px;
  628.  
  629. }
  630.  
  631. #menu .menupageitemgroup {
  632.  
  633.         padding: 3px 0px 4px 6px;
  634.  
  635.         font-style : normal;
  636.  
  637.         border-bottom: 1px solid ;
  638.  
  639.         border-left: 1px solid ;
  640.  
  641.         border-right: 1px solid ;
  642.  
  643.         margin-right: 10px;
  644.  
  645. }
  646.  
  647. #menu .menupageitem {
  648.  
  649.         font-style : normal;
  650.  
  651.         font-weight : normal;
  652.  
  653.         border-width: 0px;
  654.  
  655.         font-size : 90%;
  656.  
  657. }
  658.  
  659. #menu #credit {
  660.  
  661.     text-align: center;
  662.  
  663. }
  664.  
  665.  
  666.  
  667. #content {
  668.  
  669.     padding: 20px 20px 20px 180px;
  670.  
  671.     margin: 0;
  672.  
  673.     font : small Verdana, Helvetica, sans-serif;
  674.  
  675.     font-size : 80%;
  676.  
  677. }
  678.  
  679.  
  680.  
  681. #content ul {
  682.  
  683.     margin: 0;
  684.  
  685.     padding: 0 25px;
  686.  
  687. }
  688.  
  689. #content li {
  690.  
  691.     padding: 0 5px;
  692.  
  693. }
  694.  
  695. #feedback {
  696.  
  697.     color: black;
  698.  
  699.     background: #CFDCED;
  700.  
  701.     text-align:center;
  702.  
  703.     margin-top: 5px;
  704.  
  705. }
  706.  
  707. #feedback #feedbackto {
  708.  
  709.     font-size: 90%;
  710.  
  711.     color: black;
  712.  
  713. }
  714.  
  715. #footer {
  716.  
  717.     clear: both;
  718.  
  719.     position: relative; /* IE bugfix (http://www.dracos.co.uk/web/css/ie6floatbug/) */
  720.  
  721.     width: 100%;
  722.  
  723.     background: #CFDCED;
  724.  
  725.     border-top: solid 1px #4C6C8F;
  726.  
  727.     color: black;
  728.  
  729. }
  730.  
  731. #footer .copyright {
  732.  
  733.     position: relative; /* IE bugfix cont'd */
  734.  
  735.     padding: 5px;
  736.  
  737.     margin: 0;
  738.  
  739.     width: 45%;
  740.  
  741. }
  742.  
  743. #footer .lastmodified {
  744.  
  745.     position: relative; /* IE bugfix cont'd */
  746.  
  747.     float: right;
  748.  
  749.     width: 45%;
  750.  
  751.     padding: 5px;
  752.  
  753.     margin: 0;
  754.  
  755.     text-align: right;
  756.  
  757. }
  758.  
  759. #footer a { color: white; }
  760.  
  761.  
  762.  
  763. #footer #logos {
  764.  
  765.     text-align: left;
  766.  
  767. }
  768.  
  769.  
  770.  
  771.  
  772.  
  773. /**
  774.  
  775.  * Misc Styles
  776.  
  777.  */
  778.  
  779.  
  780.  
  781. acronym { cursor: help; }
  782.  
  783. .boxed      { background-color: #a5b6c6;}
  784.  
  785. .underlined_5     {border-bottom: solid 5px #4C6C8F;}
  786.  
  787. .underlined_10     {border-bottom: solid 10px #4C6C8F;}
  788.  
  789. /* ==================== snail trail ============================ */
  790.  
  791.  
  792.  
  793. .trail {
  794.  
  795.   position: relative; /* IE bugfix cont'd */
  796.  
  797.   font-size: 70%;
  798.  
  799.   text-align: right;
  800.  
  801.   float: right;
  802.  
  803.   margin: -10px 5px 0px 5px;
  804.  
  805.   padding: 0;
  806.  
  807. }
  808.  
  809.  
  810.  
  811. #minitoc-area {
  812.  
  813.     border-top: solid 1px #4C6C8F;
  814.  
  815.     border-bottom: solid 1px #4C6C8F;
  816.  
  817.     margin-bottom: 15px;
  818.  
  819.     margin-left: 15px;
  820.  
  821.     margin-right: 10%;
  822.  
  823.     padding-bottom: 5px;
  824.  
  825.     padding-top: 5px;
  826.  
  827. }
  828.  
  829. .minitoc {
  830.  
  831.     list-style-image: url('images/current.gif');
  832.  
  833.     font-weight: normal;
  834.  
  835. }
  836.  
  837. li p {
  838.  
  839.     margin: 0;
  840.  
  841.     padding: 0;
  842.  
  843. }
  844.  
  845.  
  846.  
  847. .pdflink {
  848.  
  849.     position: relative; /* IE bugfix cont'd */
  850.  
  851.     float: right;
  852.  
  853.     margin: 0px 5px;
  854.  
  855.     padding: 0;
  856.  
  857. }
  858.  
  859. .pdflink br {
  860.  
  861.     margin-top: -10px;
  862.  
  863.     padding-left: 1px;
  864.  
  865. }
  866.  
  867. .pdflink a {
  868.  
  869.     display: block;
  870.  
  871.     font-size: 70%;
  872.  
  873.     text-align: center;
  874.  
  875.     margin: 0;
  876.  
  877.     padding: 0;
  878.  
  879. }
  880.  
  881.  
  882.  
  883. .pdflink img {
  884.  
  885.     display: block;
  886.  
  887.     height: 16px;
  888.  
  889.     width: 16px;
  890.  
  891. }
  892.  
  893. .xmllink {
  894.  
  895.     position: relative; /* IE bugfix cont'd */
  896.  
  897.     float: right;
  898.  
  899.     margin: 0px 5px;
  900.  
  901.     padding: 0;
  902.  
  903. }
  904.  
  905. .xmllink br {
  906.  
  907.     margin-top: -10px;
  908.  
  909.     padding-left: 1px;
  910.  
  911. }
  912.  
  913. .xmllink a {
  914.  
  915.     display: block;
  916.  
  917.     font-size: 70%;
  918.  
  919.     text-align: center;
  920.  
  921.     margin: 0;
  922.  
  923.     padding: 0;
  924.  
  925. }
  926.  
  927.  
  928.  
  929. .xmllink img {
  930.  
  931.     display: block;
  932.  
  933.     height: 16px;
  934.  
  935.     width: 16px;
  936.  
  937. }
  938.  
  939. .podlink {
  940.  
  941.     position: relative; /* IE bugfix cont'd */
  942.  
  943.     float: right;
  944.  
  945.     margin: 0px 5px;
  946.  
  947.     padding: 0;
  948.  
  949. }
  950.  
  951. .podlink br {
  952.  
  953.     margin-top: -10px;
  954.  
  955.     padding-left: 1px;
  956.  
  957. }
  958.  
  959. .podlink a {
  960.  
  961.     display: block;
  962.  
  963.     font-size: 70%;
  964.  
  965.     text-align: center;
  966.  
  967.     margin: 0;
  968.  
  969.     padding: 0;
  970.  
  971. }
  972.  
  973.  
  974.  
  975. .podlink img {
  976.  
  977.     display: block;
  978.  
  979.     height: 16px;
  980.  
  981.     width: 16px;
  982.  
  983. }
  984.  
  985.  
  986.  
  987. .printlink {
  988.  
  989.     float: right;
  990.  
  991. }
  992.  
  993. .printlink br {
  994.  
  995.     margin-top: -10px;
  996.  
  997.     padding-left: 1px;
  998.  
  999. }
  1000.  
  1001. .printlink a {
  1002.  
  1003.     display: block;
  1004.  
  1005.     font-size: 70%;
  1006.  
  1007.     text-align: center;
  1008.  
  1009.     margin: 0;
  1010.  
  1011.     padding: 0;
  1012.  
  1013. }
  1014.  
  1015. .printlink img {
  1016.  
  1017.     display: block;
  1018.  
  1019.     height: 16px;
  1020.  
  1021.     width: 16px;
  1022.  
  1023. }